<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .ccc{
            display: none;
        }
    </style>
</head>
<body>
    <form id="f1" action="http://www.baidu.com" method="POST">
        <div><input name="n1" type="text" /><span class="ccc" style="color: red">用户名不能为空</span></div>
        <div><input name="n1" type="password" /><span class="ccc" style="color: red">密码不能为空</span></div>
        <div><input name="n1" type="text" /><span class="ccc" style="color: red">用户名不能为空</span></div>
        <input type="submit" value="提交"/>
    </form>
    <script src="jquery-1.12.4.js"></script>
    <script>
        $(':submit').click(function () {
            var flag=true;
            $('#f1').find('input[type="text"],input[type="password"]').each(function () {
                $(this).next().addClass('ccc');
                var v=$(this).val();
                if(v.length<=0){
                    flag =false;
                    $(this).next().removeClass('ccc')
                }
            });
            return flag;
        })


//        $(':submit').click(function () {
//            var v=$(this).prev().val();
//            if(v.length>0){
//                return true
//            }else {
//                alert('请输入内容');
//                return false
//            }
//        })
    </script>
</body>
</html>